<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>{$title}</title>

    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/vweisiteV01.css">
    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/lvyin/font-awesome.css">
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/website/lvyin/index20.css" media="screen" rel="stylesheet" type="text/css">

    <script type="text/javascript" defer="" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/piwik.js"></script>
	<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/vweisiteV01-995c55bf6573e282000a91be69e82c49.js" type="text/javascript"></script>
    <meta content="authenticity_token" name="csrf-param">
<meta content="dOrKFMEjRNW/vHKyGy9q+TqyEnXGDofLc/jvUp+CWTA=" name="csrf-token">

  <link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/lvyin/ttklink.css">
  <script id="__tk2__seajsnode" charset="utf-8" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/sea.js"></script>
  <script id="__tk2__seajsnode" charset="utf-8" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/website_lvyin1.js"></script>
  <script id="__tk2__seajsnode" charset="utf-8" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/website_lvyin2.js"></script>
  
  <link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/p4p-2.0.css"></head>

  <body style="" class="body-navLine-bottom">
    

    
    <div class="html" style="">
      <div class="stage" id="stage">
        <section id="sec-index">          
          <div class="body">

  <div class="mod-slider slider-hor" id="index" style="visibility: visible; ">
    <ul class="slider-list" >
        <volist name="MainArticles" id="data">
			<li>
				<a <if condition="$data.url neq ''"> href={$data.url} </if> >
					<img src={$data.picurl}>
				</a>
			</li>
		</volist>        
    </ul>
		<div class="slider-text" style="background-color: rgba(0, 0, 0, 0.496094); color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; ">			
			<span class="fl slider-span" id="slider-span">{$MainArticles[0]['title']} </span> 
			<div id="pagenavi" class="fr slider-page">
				<volist name="MainArticles" id="data">
					<a <if condition="$data.url neq ''"> href={$data.url} </if> class="active">{$key}</a>
				 </volist>
			 </div>
			
        </div>
    </div>
  <div style="display:none;" id="maintitle"><volist name="MainArticles" id="main">{$main.title},</volist></div>

  <div class="index">
		<volist name="ModuleArticles" id="data">
			<a style='background:none;background-color:{$data.color};' <if condition="$data.url neq ''"> href={$data.url} </if> class="box mod-index">
			  <div class="index-img">
				<i><img  src="{$data.picurl}"></i>
			  </div>
			  <div class="index-text">
				<p><span><b>{$data.title}</b></span></p>
			  </div>
			</a>  
		</volist>		 
	</div>
 
 

          </div>
        </section>
 
      </div><!--.stage end-->
    </div><!--.html end-->

    <div class="alert J-guanzhu" style="display:none">
  <div class="alert-m">
    <div class="alert-img"></div>
    <div class="alert-c">
      <p>请先关注公众帐号</p>
      <p><span class="alert-num">1</span>点击右上角<span class="alert-text">分享按钮</span>查看公众号</p>
      <p><span class="alert-num">2</span>在【添加朋友】—【查找公众号】中搜索</p>
      <p><span class="alert-btn"></span>（长按可复制）</p>
      <p>如果已关注，请打开该公众帐号回复<span class="alert-text"></span>，参与此活动</p>
    </div>
    <div class="alert-f">
      <a href="javascript:;" class="alert-f-btn J-close">我知道了</a>
    </div>
  </div>
</div>
<div class="alert J-register" style="display:none">
  <div class="alert-m">
    <div class="alert-img"></div>
    <div class="alert-c text-center">
           <h1>请先领取会员卡</h1>
           <p>该活动仅允许会员可参与</p>
    </div>
    <div class="alert-btn-box">
      <div class="alert-cell cell-4">
        <a href="javascript:;" class="alert-f-btn btn-gray J-close">我知道了</a>
      </div>
        <div class="alert-cell">
          <a href="http://m.vcooline.com/app/vips?openid=oQsz1joRy31EP2XfN8ZyGBjfVRb4" class="alert-f-btn J-close">领取会员卡</a>
        </div>
    </div>
  </div>
</div>

    <footer>
     
    </footer>


        <!-- tongji code -->
      <script type="text/javascript">
        var _paq = _paq || [];
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
          var u=(("https:" == document.location.protocol) ? "https" : "http") + "://tongji.vkelai.com/";
          _paq.push(['setTrackerUrl', u+'piwik.php']);
          _paq.push(['setSiteId', 8895]);
          var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
          g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
        })();

      </script>
      <noscript>&lt;p&gt;&lt;img src="http://tongji.vkelai.com/piwik.php?idsite=8895" style="border:0;" alt="" /&gt;&lt;/p&gt;</noscript>
      <!-- end tongji code -->



  <script src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/url.min-5c767b67c0eafd0a3e8cbe55725cefa4.js" type="text/javascript"></script>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript">
        wx_share.init({
            "title":"{$title}",
            "desc":'{$shareinfo}',
            "link":location.href,
            "imgUrl": '{$sharepicurl}',
            "pkg":{
                "appId": '{$pkg.appId}',
                "timestamp": '{$pkg.timestamp}',
                "nonceStr": '{$pkg.nonceStr}',
                "signature": '{$pkg.signature}'
            },
            success:function(config,shareType){
            }
        });
    </script>


  <style type="text/css">
        /*pop*/
    .pop-zoom{display:none;width:100%;height:100%;color:#fff;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:10000;}
    .pop-zoom-img{background:#000;text-align:center;overflow:hidden;}
    .show-img{width:100%;height:100%;overflow:hidden;position:relative;}
    .show-img img{max-width:100%;}
    .zoom-close{position:fixed;right:5px;top:5px;display:block;z-index:99999;}
    .zoom-close .fa{width:30px;height:30px;font-size:25px;line-height:30px;border-radius:50%;color:#fff;background:#999;}
</style>
<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/lvyin/iScroll-4.2.5.js"></script>
<script type="text/javascript">
    var img_zoom_myscroll, img_zoom_scrollTop;

    function loaded(){
        img_zoom_myscroll = new iScroll("imgScroll",{
            hScroll: true,
            useTransition: true,
            hScrollbar: false,
            vScrollbar: false,
            zoom: true
        });
        document.addEventListener("DOMContentLoaded",loaded,false);
    }

    $(function(){
        $('body').append('<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div><a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a>')
        $('img').click(function(){
            if($(this).closest('a').length > 0 || $(this).closest('.mod-navLine').length > 0 || $(this).hasClass('website_list_21')){

            }else{
                var $this = $(this),
                        $src = $this.attr("src"),
                        $img = $(".show-img img"),
                        $pop = $(".pop-zoom-img");
                img_zoom_scrollTop = $(document).scrollTop();
                $(document).scrollTop(0);
                $img.attr("src",$src);
                $pop.show();
                setTimeout(function(){
                    loaded();
                },300);
                //console.log(scrollTop);
            }
        });
        $(document).on("click",".zoom-close",function(){
            $(document).scrollTop(img_zoom_scrollTop);
            $(this).parents(".pop-zoom").hide();
            img_zoom_myscroll.destroy();
        })
        var initTop = 0,
                isScroll = true;
        function fnAnimate(thisTop){
            $("header:not('.untoppable')").animate({top:thisTop},"500",function(){isScroll=true});
        }
        $(window).on("scroll",function(){
            var scrollTop = $(document).scrollTop();
            if(isScroll){
                if(scrollTop > initTop){
                    fnAnimate("-44px");
                }else{
                    fnAnimate("0");
                }
            }
            initTop = scrollTop;
            isScroll = false;
        });

       var title=$('#maintitle').text();
            maintitle=new Array;
            maintitle=title.split(',');
            indexSwipe("index", maintitle);
        bannerSet({
            background: "#000000",
            opacity: "50",
            color: "#FFFFFF"
        })
    // $("body").addClass("body-navLine-bottom");
    // navPop1("#navLine-navPop","#navLine-navPop");
    showBtnUp(100);
    });
</script>
</body></html>